{% extends "./_base/layout.html" %} 
{% block css %}
<link rel="stylesheet" href="{{site.static}}/css/service.css"> 
{% endblock %} 
{% block content %} 
    {% block header%} 
        {% set pageHeaderConf = {pageTitle: __("service_page_title"),level:1} %} 
        {%include "./_base/page_header.html"%} 
    {% endblock %}
<div class="eui-main-container service-main-container">
    {% block searchBanner%} 
        {%include "./common/service_search_banner.html"%} 
    {% endblock %}
    <ul class="eui-bar-tab service-nav-one eui--margin-b-20 eui--clearfix">
        <li class="eui-tab-item">
            <a href="javascript:;" class="eui-tab-nav-link active">{{__("service_nav_search_self")}}</a>
        </li>
        <li class="eui-tab-item">
            <a href="/customer/customerHuman" class="eui-tab-nav-link">{{__("service_nav_human_service")}}</a>
        </li>
        <li class="eui-tab-item">
            <a href="/customer/customerReply" class="eui-tab-nav-link">{{__("service_nav_custom_reply")}}</a>
        </li>
    </ul>

    <div class="eui-bar-tab service-nav-two eui--margin-b-20">
        <a href="/customer/accountQuestion" class="eui-tab-item">
            <span class="eui-icon eui-icon-account_service"></span>
            <p class="eui-tab-label">{{__("service_nav_account")}}</p>
        </a>
            <a href="/customer/storeQuestion" class="eui-tab-item">
            <span class="eui-icon eui-icon-store_service"></span>
            <p class="eui-tab-label">{{__("service_nav_store")}}</p>
        </a>
        <a href="/customer/gameQuestion" class="eui-tab-item">
            <span class="eui-icon eui-icon-game_service"></span>
            <p class="eui-tab-label">{{__("service_nav_game")}}</p>
        </a>
        <a href="/customer/socialQuestion" class="eui-tab-item">
            <span class="eui-icon eui-icon-social_service"></span> 
            <p class="eui-tab-label">{{__("service_nav_social")}}</p>           
        </a>
    </div>

    <div class="eui-card eui--white-bacg question-list">
        <div class="eui-card-header">{{__("service_all_quest")}}</div>
        <div class="eui-card-content">
            <ul class="eui-table-view question-list">
                <li class="eui-table-view-cell eui--clearfix">
                    <a href="/customer/question/questionDetail">
                        <span class="eui-icon eui-icon-key eui--pull-left"></span>
                        <p class="eui--ellipsis question-content eui--pull-left eui--font-26">游戏更新后，我的账号登录不了</p>
                        <span class="eui-icon eui-icon-arrow_right eui--pull-right"></span>
                    </a>                   
                </li>
                 <li class="eui-table-view-cell eui--clearfix">
                     <a href="/customer/question/questionDetail">
                        <span class="eui-icon eui-icon-key eui--pull-left"></span>
                        <p class="eui--ellipsis question-content eui--pull-left eui--font-26">游戏更新后，我的账号登录不了</p>
                        <span class="eui-icon eui-icon-arrow_right eui--pull-right"></span>
                     </a>                    
                </li>
                 <li class="eui-table-view-cell eui--clearfix">
                     <a href="/customer/question/questionDetail">
                        <span class="eui-icon eui-icon-key eui--pull-left"></span>
                        <p class="eui--ellipsis question-content eui--pull-left eui--font-26">游戏更新后，我的账号登录不了</p>
                        <span class="eui-icon eui-icon-arrow_right eui--pull-right"></span>
                     </a>                  
                </li>
            </ul>
        </div>
    </div>
</div>
    {% block footer%}
    {% set footerActiveIndex = 3 %}
    {% include "./_base/footer.html" %} 
    {% endblock %}
{% endblock %}
